<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../css/mui.min.css" rel="stylesheet" />
    <link href="../../css/style.css" rel="stylesheet" />
    <style type="text/css" media="all">
    </style>
  </head>

  <body>
    <header class="mui-bar mui-bar-nav">
      <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
      <a class="mui-icon mui-icon-plus mui-pull-right" v-on="tap:goTo({url:'./stock_move_form.html',id:'stock_move_form'},{name: 'new',type:'in'})"></a>
      <h1 class="mui-title">入库</h1>
    </header>
    <div class="mui-content">
      <div class="mui-card">
        <ul class="mui-table-view">
          <li v-repeat="
                item:list
                | filterBy searchQuery" v-on="tap:goTo({url:'./move_detail.html',id:'move_detail'},{item:item})" class="mui-table-view-cell" v-transition v-cloak>
            <partial name="item"></partial>
          </li>
        </ul>
      </div>

    </div>
    <script type="text/x-template" id="item-template">
      <div class="mui-slider-handle">
        <div class="mui-table">
          <div class="mui-table-cell mui-col-xs-5">
            <h4 class="mui-ellipsis">{{item.name}}</h4>
            <h5>供应商：{{item.supplier.name}}</h5>
            <p>产品数量： {{item.qty}}</p>
          </div>
          <div class="mui-table-cell mui-col-xs-4">
            <h4>&nbsp;</h4>
            <h5>状态：{{item.state}}</h5>
          </div>
          <div class="mui-table-cell mui-col-xs-3 mui-text-right">
            <span class="mui-h5">{{item.createAt| dataFormat 'MM-dd hh:mm'}}</span>
          </div>
        </div>
      </div>
      <div class="mui-slider-left mui-disabled">
        <a class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
        <a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
        <a class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
      </div>
    </script>
    <script src="../../js/mui.min.js"></script>
    <script src="../../app/app.js"></script>
    <script src="../../js/vue.min.js"></script>
		<script src="../../app/filters/data-format.js"></script>
    <script src="../../app/vue-html5.js"></script>
    <script src="../../js/lodash.min.js"></script>
    <script type="text/javascript" charset="utf-8">
      (function($, window, document, Vue) {
        window.vm = vm = new Vue.PageVm({
          el: '.mui-content',
          name: 'page StockMoves_list',
          model: 'StockMoves',
          muiInitOption: {},
          filterWhere: {"type": "in"},
          partials: {
            item: '#item-template',
          },
          created: function() {
            this.loadList();
          },
          plusReady: function() {
            var self = this;
            Vue.preload({
              timeout: 50
            }, {
              url: './move_detail.html',
              id: 'move_detail',
            });
          },
          mixins: [Vue.mixins.ajax, Vue.mixins.list]
        });
      })(mui, window, document, Vue);
    </script>
  </body>

</html>